@function toRem($px){
    @return ($px/750)*100vw
}

@font-face {
    font-family: "iconfont"; /* Project id 3205091 */
    src: url('//at.alicdn.com/t/font_3205091_0izam49l2egl.woff2?t=1645770811061') format('woff2'),
         url('//at.alicdn.com/t/font_3205091_0izam49l2egl.woff?t=1645770811061') format('woff'),
         url('//at.alicdn.com/t/font_3205091_0izam49l2egl.ttf?t=1645770811061') format('truetype');
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-shouyefill:before {
    content: "\e750";
  }
  
  .icon-shangjiantou:before {
    content: "\eb6d";
  }
  
.video-button{
    width: 100%;
    .video-img{
        width: 100%;
        height: 150px;
        display: block;
    }

    .video-evoke{
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color:white;
        font-size: toRem(30);
        .video-title{
            display: inline-block;
        }
        .video-icon{
            display: inline-block;
            margin-left: toRem(15);
            width: toRem(30);
            height: toRem(30);
            transform: translateY(toRem(2.25));
            background: url('../../img/comment-arrow.png') no-repeat center center;
            background-size: contain;

        }
 
    }
    .video-button-red{
        background-color: red;    
    }
    .video-button-pink{
        background-color:pink;
}
}